<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
	<meta charset="UTF-8">
	<title>Kuscia Web 管理平台</title>
	<link rel="stylesheet" th:href="@{/plug/elementPlus/index.css}" />
	<link rel="stylesheet" th:href="@{/base/css/index.css}" />
	<link rel="stylesheet" th:href="@{/plug/antv/x6/index.css}" />
	<link rel="stylesheet" th:href="@{/plug/antv/x6-plugin-stencil/index.css}" />
	<link rel="stylesheet" th:href="@{/plug/antv/x6-plugin-dnd/index.css}" />
	<link rel="stylesheet" th:href="@{/plug/antv/x6-plugin-selection/index.css}" />
	<script th:src="@{/plug/vue3/vue.global.prod.js}"></script>
	<script th:src="@{/plug/vue3-sfc-loader/v0.9.5.for.vue3.js}"></script>
	<script th:src="@{/plug/vue3-sfc-loader/loaderUtil.js}"></script>
	<script th:src="@{/plug/axios/axios.min.js}"></script>
	<script th:src="@{/plug/axios/request.js}"></script>
	<script th:src="@{/plug/elementPlus/index.full.js}"></script>
	<script th:src="@{/plug/elementPlus/index.iife.min.js}"></script>
	<script th:src="@{/plug/antv/x6/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-stencil/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-dnd/index.js}"></script>
	<script th:src="@{/plug/antv/x6-vue-shape/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-snapline/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-history/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-selection/index.js}"></script>
	<script th:src="@{/plug/antv/x6-plugin-keyboard/index.js}"></script>
	<script th:src="@{/base/js/index.js}"></script>
	<script th:src="@{/base/js/enum.js}"></script>
	<link rel="shortcut icon" th:href="@{/favicon.ico}">
	<script type="module">
	//import graph from 'https://cdn.jsdelivr.net/npm/@antv/x6/dist/index.js'
	//import stencil from 'https://cdn.jsdelivr.net/npm/@antv/x6-plugin-stencil@2.1.5/+esm'
	//import graph from '[[@{/plug/antv/x6/index.js}]]'
	//import stencil from '[[@{/plug/antv/x6-plugin-stencil/index.js}]]'
	</script>
	<style>
		body{
			margin: 0px;
		}
	</style>
</head>

<body>
	<div id="appMain">
		<!-- 系统整体页面布局 -->
		<el-container class="elel-container">
			<!-- 页面头部区域 高度默认60px -->
			<el-header class="elel-header">
				<!-- 应用名称 -->
				<span @click="toIndex">Kuscia Web 管理平台
					<el-link type="primary" href="https://www.secretflow.org.cn/zh-CN/docs/kuscia/v0.10.0b0/" target="_blank">_v0.10.0b0</el-link>
				</span>
				<shiro:authenticated>
				<span style="margin-right: 15px">[[${session.user.name}]]</span>
				</shiro:authenticated>
				<shiro:notAuthenticated>
				<span style="margin-right: 15px">未登录</span>
				</shiro:notAuthenticated>
			</el-header>
			<el-container>
				<!-- 左侧菜单栏部分 -->
				<el-aside class="elel-aside">
					<el-scrollbar>
						<el-menu :default-openeds="['admin']" :default-active="activeMenu" :unique-opened="true"
							class="elel-menu" @select="selectMenu">
							<el-submenu index="admin">
								<template slot="title"><i class="el-icon-s-help"></i>资源管理</template>
								<el-menu-item index="/">控制面板</el-menu-item>
								<el-menu-item index="/node">我的节点</el-menu-item>
								<el-menu-item index="/node/partner">合作节点</el-menu-item>
								<el-menu-item index="/datasource">数据源管理</el-menu-item>
								<el-menu-item index="/data">数据管理</el-menu-item>
								<el-menu-item index="/project">我的项目</el-menu-item>
								<el-menu-item index="/result">结果管理</el-menu-item>
								<el-menu-item index="/message">消息中心</el-menu-item>
								<el-menu-item index="/account">账号管理</el-menu-item>
								<el-menu-item index="/log">日志管理</el-menu-item>
								<el-menu-item index="/logout">退出登陆</el-menu-item>
							</el-submenu>
						</el-menu>
					</el-scrollbar>
				</el-aside>
				<!-- 右侧主题页面内容展示 -->
				<el-main class="elel-mian" ref="elelMian">
					<!-- 路由页面 -->
					<el-row layout:fragment="fragment_body"></el-row>
				</el-main>
			</el-container>
		</el-container>
	</div>
	<script>
	let that;
	let CTX = '[[@{/}]]';
	</script>
	<th:block layout:fragment="fragment_script"></th:block>
	<script th:src="@{/base/js/VueCreate.js}"></script>
</body>

</html>